<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        <h:outputLabel value="Lote" class="tituloPrincipal"/>
    </ui:define>

    <ui:define name="left">
    </ui:define>

    <ui:define name="content">

        <h:form id="contenidos">        
            <p:panel header="Lote">

                <p:panelGrid columns="2">
                    <h:outputLabel value="Producto"/>                  
                    <p:selectOneMenu id="menuproductos" value="#{loteAction.productoSel}" converter="productoConverter"
                                     var="p" style="width:160px"  filter="true" filterMatchMode="startsWith" height="200" disabled="#{loteAction.modoModificar}">  
                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                        <f:selectItems value="#{productoAction.listaProductos}" var="productoConverter" 
                                       itemLabel="#{productoConverter.nombreProducto}" itemValue="#{productoConverter}"/>

                        <p:column>
                            #{p.nombreProducto}
                        </p:column>  
                    </p:selectOneMenu>

                    <h:outputLabel value="Cantidad inicial"/>
                    <p:spinner id="txtcantidadinicial" min="0" value="#{loteAction.lote.cantidadInicial}" />

                    <h:outputLabel value="Cantidad actual"/>
                    <p:spinner id="txtcantidadactual" min="0" value="#{loteAction.lote.cantidadActual}"/>


                    <h:outputLabel value="Costo venta"/>
                    <p:inputText id="txtcostoventa" value="#{loteAction.lote.costoVenta}" />

                    <h:outputLabel value="Fecha de caducidad"/>
                    <p:calendar id="txtfechacaducidad" value="#{loteAction.lote.fechaCaducidad}" showButtonPanel="true"/>

                    <h:panelGroup/>
                    <p:panelGrid columns="2">
                        <p:commandButton id="guardarbtn" value="Guardar" action="#{loteAction.guardar()}" ajax="false"/>
                        <p:commandButton id="cancelarbtn" value="Cancelar" action="#{loteAction.cancel()}" ajax="false"/>
                    </p:panelGrid>
                    <h:panelGroup/>
                    <p:messages id="messageslote" showDetail="true" autoUpdate="true" closable="true" > 
                        <p:effect type="fade" event="load" delay="3000" />
                    </p:messages>
                </p:panelGrid>
            </p:panel>
        </h:form>        
    </ui:define>
</ui:composition>